<script>
import {
  wxLogin,
  getPersonDetail,
  getTradeZwCache,
  getMessageSidebarCnt,
} from "@/api/index";
// import { getMineNews } from "@/api/modules/company";
import { formatTime } from "@/utils/handle";
import IMEventHandler from "@/utils/im";
import { getApplyStatusByPersonId } from "@/api/modules/career";
export default {
  globalData: {
    careerPathSaleClientId: "", //职途分销人员id
    chatTips: "",
    navHeight: 0,
    topHeight: uni.getSystemInfoSync().statusBarHeight,
    loginStatus: uni.getStorageSync("login-status") || "person", //TODO： person:个人端 consultant:顾问端 company：企业端
    loginInfo: null,
    userInfo: {},
    companyInfo: {},
    resumeInfo: {},
    imInfo: {
      uname: "",
      imIDVo: {
        uid: "",
        companyId: "",
        role: "",
      },
      nickname: "",
    },
    imAccount: {},
    bus: "",
    tim: null,
    conversationList: [],
    messageList: [],
    activeTab: "home",
    personTabs: [],
    companyTabs: [],
    consultantTabs: [],
    tabBarList: [],
    viewHeight: 0,
    nowDate: "",
    allCntData: {}, // 所有消息data
    meCount: "", // 我的页面消息数
    msgUnreadCnt: "", // 聊天页面消息数,
    isCompany: false,
    isConsultant: false, // 是否切换到顾问端
    userIsConsultant: false, // 当前登陆人是不是顾问
    consultantId: "", // 顾问id（也是用户端传过来的chatId)
    isShow: true, // 是否在前台
    companyState: "",
    click_id: "", // 广告参数
    adinfo: "", // 广告参数,
    shareCode: "", // 分享携带的code
    companyBindType: "", // 企业绑定类型
    companyVipLevel: "", // 企业会员等级
    recommendJob1: "", //  推荐职业1
    recommendJob2: "", //  推荐职业2
    recommendJob3: "", //  推荐职业3
    adviser: {}, // 聊天顾问信息
    subStatus: "0", //用户订阅状态   0：未订阅  10:订阅中  20：待订阅 30：已过期  40:已关闭订阅
    subVipStatus: "20", //订阅vip状态   10:开启  20:关闭
    subId: "", //订阅vip状态   10:开启  20:关闭
    sharedPositionIdList: [], // 空数组后面往里面push positionId
    freshWantJobList: false, // 刷新AI简历诊断求职意向列表
    freshMajorList: false, // 刷新AI简历诊断专业列表
  },

  onLaunch: function () {
    this.init();
    this.event();
    this.getPostData();
    // this.getApplyStatusByPersonIdFn();
    // 小程序静默登录
    // #ifdef MP-WEIXIN
    this.login();
    // #endif
    this.getMessageSidebarCnt();
    this.$nextTick(() => {
      this.imNew();
    });
    this.watch((val) => {
      this.globalData.personTabs[3].cnt = val;
      this.globalData.companyTabs[3].cnt = val;
      this.globalData.consultantTabs[0].cnt = val;
    }, "msgUnreadCnt");

    uni.onNetworkStatusChange((res) => {
      //2023年8月8日10:01:35 问题说明
      //现在有一个BUG，就是切换WIFI或者数据网络的时候之后小程序会变得无法访问网络，所以需要处理，
      //现在处理的方式是，如果网络请求的res判定为空，并且isNetworkChanged为true，那就弹窗提示返回首页用uni.relaunch方法重启小程序
      // uni.setStorageSync("isNetworkChanged", true);
      //但是后面一直没有时间改了哈哈
    });
    //有一个弹窗需要每次进入的时候显示5秒后关闭，所以每次进入设置5秒时间
    uni.setStorageSync("careerVipSideLayoutTime", 5);
  },
  onShow(ret) {
    this.globalData.isShow = true;
    // this.imInit();
    uni.setStorageSync("routPage", ret.path);
  },

  onHide() {
    this.globalData.isShow = false;
  },

  methods: {
    getApplyStatusByPersonIdFn() {
      if (!uni.getStorageSync("person-id").slice(2)) {
        return;
      }
      const params = {
        personId: uni.getStorageSync("person-id").slice(2) || undefined,
      };
      getApplyStatusByPersonId(params).then((res) => {
        if (res.code == 200 && res.data && res.data == 1) {
          getApp().globalData.userIsConsultant = true;
        } else {
          getApp().globalData.userIsConsultant = false;
        }
      });
    },
    init() {
      // 获取当前日期
      this.globalData.nowDate = formatTime(new Date(), "yyyyMMdd");
      // 将eventBus放在globalData中
      this.globalData.bus = this.$bus;
      // 获取顶部高度
      let sys = uni.getSystemInfoSync();
      // this.globalData.navHeight =
      //   (sys.system.toLowerCase().indexOf("ios") >= 0 ? 44 : 48) +
      //   sys.statusBarHeight;
      this.globalData.navHeight =
        (sys.screenWidth * 88) / 750 + sys.statusBarHeight;

      this.globalData.viewHeight = sys.screenHeight - this.globalData.navHeight;
      // 默认tabBar设置
      this.globalData.personTabs = [
        {
          pagePath: "/pages/index/index",
          iconPath: this.$imgBaseSelf + "tab/home_new_icon_default.png",
          selectedIconPath:
            this.$imgBaseSelf + "tab/home_new_icon_selected.png",
          name: "home",
          text: "推荐",
        },
        // {
        //   pagePath: "/pages/career/index",
        //   iconPath: this.$imgBaseSelf + "tab/report_icon_default.png?123", //123是为了刷新缓存，如果你要改那你也得改数字，不然会强缓存
        //   selectedIconPath:
        //     this.$imgBaseSelf + "tab/report_icon_selected.png?123",
        //   name: "career",
        //   text: "发现",
        // },
        {
          pagePath: "/pages/enterprises/index",
          iconPath: this.$imgBaseSelf + "tab/report_icon_default.png?123",
          selectedIconPath:
            this.$imgBaseSelf + "tab/report_icon_selected.png?123",
          name: "enterprises",
          text: "名企汇",
        },
        // {
        //   pagePath: "/pages/career/positionDictionary/allCategory",
        //   iconPath:
        //     this.$imgBaseSelf + "tab/positionDictionary_icon_new_default.png",
        //   selectedIconPath:
        //     this.$imgBaseSelf + "tab/positionDictionary_icon_new_selected.png",
        //   name: "positionDictionary",
        //   text: "职业大全",
        //   cnt: "",
        //   switchTab: true,
        // },
        {
          pagePath: "/pages/message/index",
          iconPath: this.$imgBaseSelf + "tab/msg_new_icon_default.png",
          selectedIconPath: this.$imgBaseSelf + "tab/msg_new_icon_selected.png",
          name: "msg",
          text: "消息",
          login: true,
          cnt: "",
        },
        // {
        //   pagePath: "/pagesSub/newResume/index",
        //   iconPath: this.$imgBaseSelf + "/tab/resume_new_icon_default.png",
        //   selectedIconPath: this.$imgBaseSelf + "/tab/resume_new_icon_selected.png",
        //   name: "resume",
        //   text: "简历",
        //   login: true,
        // },
        {
          pagePath: "/pages/userCenter/index",
          iconPath: this.$imgBaseSelf + "tab/me_new_icon_default.png",
          selectedIconPath: this.$imgBaseSelf + "tab/me_new_icon_selected.png",
          name: "person",
          text: "我的",
          login: true,
          cnt: "",
        },
      ];
      // 在pages.json文件中tabBar.list配置的页面可使用switchTab
      this.globalData.companyTabs = [
        {
          pagePath: "/pages/library/index",
          iconPath: this.$imgBaseSelf + "tab/case_icon_default.png",
          selectedIconPath: this.$imgBaseSelf + "tab/case_icon_selected.png",
          name: "library",
          text: "案例",
          switchTab: false,
        },
        {
          pagePath: "/pages/companyReport/index",
          iconPath: this.$imgBaseSelf + "tab/library_icon_default.png",
          selectedIconPath: this.$imgBaseSelf + "tab/library_icon_selected.png",
          name: "report",
          text: "报告",
        },

        {
          pagePath: "/pages/message/index",
          iconPath: this.$imgBaseSelf + "tab/msg_new_icon_default.png",
          selectedIconPath: this.$imgBaseSelf + "tab/msg_new_icon_selected.png",
          name: "msg",
          text: "消息",
          login: true,
          cnt: "",
          switchTab: true,
        },

        {
          pagePath: "/pages/companyCenter/index",
          iconPath: this.$imgBaseSelf + "tab/me_new_icon_default.png",
          selectedIconPath: this.$imgBaseSelf + "tab/me_new_icon_selected.png",
          name: "company",
          text: "我的",
          login: true,
          cnt: "",
        },
      ];
      // 顾问端tabBar
      this.globalData.consultantTabs = [
        {
          pagePath: "/pages/message/index",
          iconPath: this.$imgBaseSelf + "tab/msg_new_icon_default.png",
          selectedIconPath: this.$imgBaseSelf + "tab/msg_new_icon_selected.png",
          name: "msg",
          text: "消息",
          login: true,
          cnt: "",
          switchTab: false,
        },
        {
          pagePath: "/pagesSub/careerGrow/consultantCenter/index",
          iconPath: this.$imgBaseSelf + "tab/me_new_icon_default.png",
          selectedIconPath: this.$imgBaseSelf + "tab/me_new_icon_selected.png",
          name: "consultant",
          text: "我的",
          login: true,
          switchTab: false,
        },
      ];
      this.globalData.tabBarList =
        this.globalData.loginStatus === "company"
          ? this.globalData.companyTabs
          : this.globalData.loginStatus === "person"
          ? this.globalData.personTabs
          : this.globalData.consultantTabs; // 新增顾问端的tabs
      this.globalData.isCompany = this.globalData.loginStatus == "company";
      this.globalData.isConsultant =
        this.globalData.loginStatus == "consultant";
    },
    login() {
      uni.login({
        success: function (res) {
          if (res.code) {
            uni.setStorageSync("wx-code", res.code);
            let param = {
              code: res.code,
              rawData: "",
              signature: "",
              encryptedData: "",
              iv: "",
            };
            wxLogin(param).then((wxRes) => {
              let data = wxRes.data || wxRes;
              uni.setStorageSync("wx-session3rd", data.session3rd);
              uni.setStorageSync("openid", data.openid);
              uni.setStorageSync("unionid", data.unionid);
              //是否获得用户权限
              uni.getSetting({
                success(settingRes) {
                  if (settingRes.authSetting["scope.userInfo"]) {
                    uni.getUserInfo({
                      success(infoRes) {
                        uni.setStorageSync(
                          "encryptedData",
                          infoRes.encryptedData
                        );
                        uni.setStorageSync("iv", infoRes.iv);
                        uni.setStorageSync("signature", infoRes.signature);
                      },
                    });
                  }
                },
              });
            });
          }
        },
      });
    },
    event() {
      this.$bus.$on("getUserInfo", (callback) => {
        let param = {
          param: JSON.stringify({
            personId: uni.getStorageSync("person-id").slice(2) || undefined,
          }),
          where: "",
          slaveInfo: 1,
        };
        getPersonDetail(param).then((res) => {
          getApp().globalData.userInfo = res.data || res;
          if (callback) callback();
        });
      });
      this.$bus.$on("change-trade", () => {
        this.getPostData();
      });
      this.getApplyStatusByPersonIdFn();
      this.$bus.$on("updateConsultStatus", () => {});
      this.$bus.$on("updataMessageSidebarCnt", () => {
        if (this.globalData.loginStatus == "company") {
          // this.getMineNews();
        } else {
          this.getMessageSidebarCnt();
        }
      });
    },
    getPostData() {
      let param = {
        tradeid: this.$tradeId,
      };
      getTradeZwCache(param).then((res) => {
        if (+res.code === 200) {
          uni.setStorageSync("post-data", JSON.stringify(res.data));
        }
      });
    },
    // showNetworkLostModal() {
    //   uni.showModal({
    //     title: "提示",
    //     content: "您好像走丢啦！",
    //     cancelText: "关闭", // 取消按钮的文字
    //     confirmText: "回到首页", // 确认按钮的文字
    //     showCancel: true, // 是否显示取消按钮，默认为 true
    //     confirmColor: "#f55850",
    //     cancelColor: "#39B54A",
    //     success: (res) => {
    //       if (res.confirm) {
    //         console.log("comfirm"); //点击确定之后执行的代码
    //         uni.reLaunch({ url: "/pages/index/index" })
    //       } else {
    //         console.log("cancel"); //点击取消之后执行的代码
    //         wx.exitMiniProgram()
    //       }
    //     },
    //   });
    // },
    // 人才端消息数
    getMessageSidebarCnt() {
      let params = {
        person_id: uni.getStorageSync("person-id").slice(2) || undefined,
      };
      getMessageSidebarCnt(params).then((res) => {
        if (res.data) {
          this.globalData.allCntData = res.data;
          this.globalData.meCount = res.data.interview_djs_cnt || ""; // 邀请记录提示数
          this.globalData.personTabs[4].cnt = this.globalData.meCount;
          // this.globalData.personTabs[3].cnt = person_company_zp_no_read_cnt;
        }
      });
    },
    // // 获取企业后台我模块红点是否显示
    // getMineNews() {
    //   let params = {
    //     person_id: uni.getStorageSync("person-id").slice(2) || undefined,
    //   }
    //   getMineNews(params).then(res => {
    //     if(res.code == 200) {
    //       this.globalData.companyTabs[2].cnt = 1;
    //     }
    //   })
    // },

    // 极光new
    imNew() {
      // if (!this.globalData.tim) {
      this.imInit();
      // }
    },
    // IM获取数据初始化及登录
    imInit() {
      var isIMLogin = this.globalData.tim && this.globalData.tim.getLoginUser();
      if (!isIMLogin) {
        new IMEventHandler(() => {
          // console.log("极光连接好了！");
        });
      }
    },
    // 监听globalData里面的值
    // istr：监听值
    // method：变化时执行的方法
    watch(method, istr) {
      var obj = this.globalData;
      Object.defineProperty(obj, istr, {
        configurable: true,
        enumerable: true,
        set: function (value) {
          this._consumerGoodsStatus = value;
          method(value);
        },
        get: function (value) {
          return this._consumerGoodsStatus;
        },
      });
    },
    reportAdOp(
      wechat_app_id,
      wechat_openid,
      account_id,
      user_action_set_id,
      action_type,
      priceVal
    ) {
      let that = this;
      if (
        that.globalData.click_id != null &&
        that.globalData.click_id != "undefined" &&
        that.globalData.click_id != "null" &&
        that.globalData.click_id.length > 0
      ) {
        let url = "https://ichuangad.com/hometop-xcx-report";
        uni.request({
          url: url,
          data: {
            wechat_app_id: wechat_app_id,
            wechat_openid: wechat_openid,
            action_type: action_type,
            click_id: that.globalData.click_id,
            user_action_set_id: user_action_set_id,
            account_id: account_id,
            price: priceVal,
          },
          header: {
            "content-type": "application/x-www-form-urlencoded",
            "cache-control": "no-cache",
          },
          method: "POST",
          success: function (res) {
            console.log(res);
          },
          fail: function (res) {
            console.log(res);
          },
          complete: function (res) {
            console.log(res);
          },
        });
      } else {
        console.log("不是通过广告链接过来的");
      }
    },
    // 上报注册
    reportREGISTER() {
      let that = this;
      const openId = uni.getStorageSync("openId");
      that.reportAdOp(
        "wxcbfa127f857c2790",
        openId,
        "27182073",
        "1200924203",
        "REGISTER"
      );
    },
    // 上报下单
    reportCOMPLETE_ORDER(priceVal) {
      let that = this;
      const openId = uni.getStorageSync("openId");
      that.reportAdOp(
        "wxcbfa127f857c2790",
        openId,
        "27182073",
        "1200924203",
        "COMPLETE_ORDER",
        priceVal
      );
    },
    // 上报广告点击
    reportAD_CLICK() {
      let that = this;
      const openId = uni.getStorageSync("openId");
      that.reportAdOp(
        "wxcbfa127f857c2790",
        openId,
        "27182073",
        "1200924203",
        "AD_CLICK"
      );
    },
    // 上报付费
    reportPURCHASE(priceVal) {
      let that = this;
      const openId = uni.getStorageSync("openId");
      that.reportAdOp(
        "wxcbfa127f857c2790",
        openId,
        "27182073",
        "1200924203",
        "PURCHASE",
        priceVal
      );
    },
    // 因为不知道旧的是否可用，所以写一个新的广告数据上报
    reportAdOpNew(
      wechat_app_id,
      wechat_openid,
      account_id,
      action_type,
      priceVal
    ) {
      let that = this;
      let url = "https://ichuangad.com/hometop-xcx-zhgy-report";
      uni.request({
        url: url,
        data: {
          wechat_app_id: wechat_app_id,
          wechat_openid: wechat_openid,
          action_type: action_type,
          account_id: account_id,
          price: priceVal,
        },
        header: {
          "content-type": "application/x-www-form-urlencoded",
          "cache-control": "no-cache",
        },
        method: "POST",
        success: function (res) {
          console.log(res);
        },
        fail: function (res) {
          console.log(res);
        },
        complete: function (res) {
          console.log(res);
        },
      });
    },
    reportPURCHASENew(priceVal) {
      let that = this;
      const openId = uni.getStorageSync("openId");
      that.reportAdOpNew(
        "wxcbfa127f857c2790",
        openId,
        "27182073",
        "PURCHASE",
        priceVal
      );
    },
  },
};
</script>

<style lang="scss">
@import "uview-ui/index.scss";
page,
html,
body {
  font-family: PingFang SC, Microsoft YaHei, -apple-system, BlinkMacSystemFont,
    Segoe UI, Hiragino Sans GB, Helvetica Neue, Helvetica, Arial, sans-serif,
    Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  background: $uni-bg-color-grey;
  font-size: $uni-font-size-base;
  color: $uni-text-color-222;
}
input::placeholder,
.uni-input-placeholder,
::v-deep .placeholder {
  color: $uni-text-color-placeholder;
}
input {
  color: $uni-text-color-222;
}
button {
  // border-radius: 24rpx !important;
  // &::after {
  //   border-radius: 48rpx !important;
  // }
  &[type="primary"] {
    background-color: $u-type-primary;
  }
}
image {
  display: block;
}
.add-job .job-form {
  .u-form-item {
    margin-bottom: 24rpx;
  }
  .u-input__input {
    font-size: $uni-font-size-big;
  }
  .uni-input-input {
    font-size: $uni-font-size-big;
    color: $uni-text-color-222;
  }
  .uicon-arrow-right {
    color: $uni-text-color-888;
  }
  // .desc.u-border-bottom:after {
  //   border-bottom-width: 0;
  // }
}
.navigator-hover {
  background: none;
  opacity: 1;
}
/*每个页面公共css */
.font-color {
  color: #4b4b4b;
}
.font-bolder {
  font-weight: 600;
}
.icon-more {
  width: 50rpx;
  height: 40rpx;
}
.df {
  display: flex;
}
.text-bold {
  font-weight: bold;
}
.btn {
  display: inline-block;
  line-height: 88rpx;
  text-align: center;
  border-radius: $uni-border-radius-lg;
}
.btn-primary {
  display: block;
  color: #fff;
  background: $bg-linear-gradient-button;
}
.text-gray {
  color: #999999;
}
.text-nomal {
  font-weight: normal;
}
.text-base {
  color: $u-type-primary;
}
.icon {
  display: inline-block;
  vertical-align: middle;
  background-size: 100% 100%;
}
.text-overflow {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.text-overflow-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.divide {
  margin: 0 12rpx;
}
/* 按钮的背景颜色和文字颜色 */
.bgc-red {
  color: #fff !important;
  background-color: #d82624 !important;
}
.uni-body {
  font-size: $uni-font-size-base;
}

// uni-tabbar 样式
uni-tabbar {
  .uni-tabbar {
    border-radius: 24rpx 24rpx 0px 0px;
    box-shadow: 0 0 24rpx $shadow-color;
    overflow: hidden;
    .uni-tabbar-border {
      background-color: rgba(255, 255, 255, 0) !important;
    }
    .uni-tabbar__item {
      height: 110rpx;
      .uni-tabbar__bd {
        height: 100% !important;
      }
      .uni-tabbar__icon {
        margin-top: 0;
      }
      .uni-tabbar__label {
        font-size: 18rpx !important;
      }
    }
  }
}
.uni-app--showtabbar uni-page-wrapper::after {
  display: none !important;
}
.u-dropdown-item {
  max-height: 60vh;
  overflow: auto;
  .uni-scroll-view {
    max-height: 100%;
  }
}
.u-border-bottom,
.u-border-left,
.u-border-right,
.u-border-top-bottom,
.u-border-top,
.u-border {
  &::after {
    border-color: $uni-bg-color-border;
  }
  &-d9::after {
    border-color: $uni-bg-color-border-d9;
  }
  &-f1::after {
    border-color: $uni-bg-color-border-f1;
  }
}
.u-cell {
  color: $uni-text-color-555 !important;
}
.u-switch {
  ::v-deep .u-switch__node {
    box-shadow: 2px 1px 1px rgba(0, 0, 0, 0.05), 2px 1px 2px rgba(0, 0, 0, 0.1),
      2px 1px 3px rgba(0, 0, 0, 0.05) !important;
  }
}
.u-load-more-wrap {
  padding: 16rpx 0;
  .u-loadmore-icon-wrap {
    margin-right: 0 !important;
    .u-loadmore-icon {
      margin-right: 12rpx;
    }
  }
}
.u-drawer-bottom,
.uni-picker-custom {
  border-radius: 44rpx 44rpx 0 0;
  overflow: hidden;
}
.uni-picker-header,
.u-select__header,
.u-picker-header,
.uni-picker-action {
  padding: 0 24rpx !important;
  height: 102rpx !important;
  font-size: $uni-font-size-lg !important;
  &::after {
    display: none;
  }
  .u-select__header__cancel,
  .u-btn-picker--tips {
    padding: 16rpx !important;
    color: $uni-text-color-888 !important;
  }
  .u-select__header__confirm,
  .u-btn-picker--primary {
    padding: 16rpx !important;
    color: $u-type-primary !important;
  }
}
.cancel {
  font-size: $uni-font-size-lg;
  color: $uni-text-color-888;
}
.confirm {
  font-size: $uni-font-size-lg;
  color: $u-type-primary;
}
uni-modal .uni-modal {
  border-radius: 24rpx;
}
uni-button[loading]::before {
  margin-right: 12rpx;
}
$img-base-resume: $img-base + "resume/";
.page-wrap .content-wrap .u-form {
  .form-item-wrap {
    &:first-of-type {
      .u-form-item {
        padding: 0 0 20rpx;
      }
    }
  }
  .u-form-item {
    padding: 32rpx 0 20rpx;
    .u-input::v-deep input {
      height: 72rpx;
      font-size: $uni-font-size-big;
      color: $uni-text-color-222;
    }
    ::v-deep .u-form-item--left__content__label {
      margin-bottom: 12rpx;
      height: 32rpx;
      color: $uni-text-color-555;
    }
  }
}
.pick {
  ::v-deep .u-form-item__body {
    padding-right: 64rpx;
    &::after {
      content: "";
      display: block;
      position: absolute;
      right: 0;
      top: 50%;
      margin-top: -20rpx;
      width: 40rpx;
      height: 40rpx;
      background-image: url($img-base-resume + "icon-link.png");
      background-size: 100% 100%;
    }
  }
}
.multiple {
  ::v-deep .u-form-item--right__content__slot {
    display: flex;
    align-items: center;
    text {
      flex-shrink: 0;
      margin: 0 16rpx;
      font-size: $uni-font-size-base;
    }
  }
}
.page-action {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  margin: 60rpx 32rpx;
  .btn-delete {
    flex-shrink: 0;
    width: 188rpx;
    margin-right: 12rpx;
  }
  .btn-save {
    flex-grow: 1;
  }
}
.inner-img {
  display: block !important;
  margin: 0 auto !important;
  max-height: 100% !important;
}
.inner-p,
.inner-span {
  font-size: $uni-font-size-nor !important;
  line-height: $uni-font-size-max !important;
}
.inner-table {
  width: 100% !important;
}
.apply {
  ::v-deep .u-cell {
    padding: 24rpx 0 !important;
    line-height: 32rpx !important;
  }
  .u-cell-group .u-last ::v-deep .u-border-bottom:after {
    border-bottom-width: 0 !important;
  }
  ::v-deep .u-cell__value {
    color: #000 !important;
  }
  ::v-deep .u-cell__title {
    color: #888 !important;
  }
}
.u-badge {
  padding: 4rpx 10rpx !important;
}

.majorTabs {
  ::v-deep .u-tab-item {
    border: none;
    background: #f5f5f5;
    padding: 14rpx 16rpx 16rpx 16rpx !important;
    height: 56rpx !important;
    border-radius: 8rpx !important;
    width: auto !important;
    line-height: 24rpx !important;
    margin-left: 24rpx !important;
    font-weight: 400 !important;
  }
}

::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
  display: none;
}
.stylePopup {
  ::v-deep .u-mode-center-box {
    background-color: transparent !important;
  }
}
</style>
